<%@page import="modelo.Produto"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<html>
  
  <head>
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   
    <title>
      Waiters
    </title>
   
   <link rel="shortcut icon" href="images/icons/icone.png" />
    <link rel="stylesheet" type="text/css" href="css/minified/aui-production.min.css">
    <link id="layout-theme" rel="stylesheet" type="text/css" href="themes/minified/fides/color-schemes/dark-blue.min.css">
    <link rel="stylesheet" type="text/css" href="themes/minified/fides/common.min.css">
    <link rel="stylesheet" type="text/css" href="themes/minified/fides/responsive.min.css">
   
   

    <script type="text/javascript" src="js/minified/aui-production.min.js">
    </script>
     
     <!--[if lt IE 9]>
      <script src="assets/js/minified/core/html5shiv.min.js">
      </script>
      <script src="assets/js/minified/core/respond.min.js">
      </script>
    <![endif]-->
    <!-- Fides Admin CSS Core -->

  </head>
  
  <body>
    
    <!-- ************************ Barra Preta Menu ************************ -->  
    
    
    <div id="page-wrapper" class="demo-example">
    
        <div id="page-header" class="clearfix"> 
        
        <!-- ************************ Canto esquerdo. Logo ************************ -->  
            <div id="header-logo">
            
            <!-- ************************ Botao de recuar Menu  ************************ -->  
            
                <a href="javascript:;" class="tooltip-button" data-placement="bottom" title="" id="close-sidebar" data-original-title="Fechar Menu">
                <i class="glyph-icon icon-caret-left"></i> </a> <!-- Icone do botao Menu para Esquerda -->
                 
                <a href="javascript:;" class="tooltip-button hidden" data-placement="bottom" title="" id="rm-close-sidebar" data-original-title="Abrir Menu">
                <i class="glyph-icon icon-caret-right"></i> </a> <!-- Icone do botao Menu para Esquerda -->

                <img src="images/logo/logo1.png" width="153" height="46">  <!-- Logo -->
                
            </div>
    
    <!-- ************************ Menu do Lado Direito ************************ -->
        
        <div class="user-profile dropdown"> <!-- Usuario Logado -->
          
            <a href="javascript:;" title="" class="user-ico clearfix" data-toggle="dropdown"><i class="glyph-icon icon-gears"> </i> 
            	<span>Arthur</span> <i class="glyph-icon icon-chevron-down"></i> </a>
            
                <ul class="dropdown-menu float-right">
                    <li>
                        <a href="Empresa.jsp" title="Eitar o seu Perfil"> <i class="glyph-icon icon-user mrg5R"></i> Empresa </a>
                    </li>
                    
                    <li>
                        <a href="Funcionario-consulta.jsp" title="Editar o Perfil dos Funcionarios"> <i class="glyph-icon icon-cog mrg5R"></i> Funcionarios </a>
                    </li>
                    
                    <li>
                        <a href="javascript:;" title="Sair do Sistema"> <i class="glyph-icon icon-signout font-size-13 mrg5R"></i>
                        	<span class="font-bold">Sair</span>  </a>
                   </li>
                </ul>
        </div>
    </div>
       
      
      <!-- ************************ Barra Lado Esquedo - MENU  ************************ -->
      
    <div id="page-sidebar" class="scrollable-content" tabindex="5003" style="overflow: hidden; outline: none; height: 1315px;">
    
        <div id="sidebar-menu" class="active">
        
            
            <ul>
                <li class="current-page"> <a href="Principal.jsp" title="Home"> <i class="glyph-icon icon-home"></i> Home </a> </li>
                
                <li> <a href="Pedidos.jsp" title="Pedidos"> <i class="glyph-icon icon-reorder"></i> Pedidos </a>
                    <ul>
                        <li><a href="#" title="Pedidos atuais"><i class="glyph-icon icon-chevron-right"></i>Atual </a></li>
                        <li><a href="#" title="Pedidos anteriores"><i class="glyph-icon icon-chevron-right"></i> Anteriores </a></li>
                    </ul>
                </li>
                
                <li><a href="javascript:;" title="Relatórios"><i class="glyph-icon icon-bar-chart"></i>Relatórios</a>
                    <ul>
                        <li><a href="Relatorio-fluxo-de-caixa.jsp" title="Relatórios de fluxo de caixa">
                        	<i class="glyph-icon icon-chevron-right"></i>Fluxo de Caixa</a></li>
                            
                        <li><a href="Relatorio-Estatistica-de-pedidos.jsp" title="Estatística de produtos consumidos">
                        	<i class="glyph-icon icon-chevron-right"></i>Estatística de Produtos</a></li>
                            
                        <li><a href="Relatorio-Estatistica-de-consumo.jsp" title="Estatística do periodo de consumo">
                        	<i class="glyph-icon icon-chevron-right"></i>Estatística de Consumo</a></li>
                    </ul>
                </li>
                
                <li><a href="javascript:;" title="Relatórios"><i class="glyph-icon icon-book"></i>Cardápio</a>
                    <ul>
                        <li><a href="Cardapio-cadastar_produto.jsp" title="Relatórios de fluxo de caixa">
                        	<i class="glyph-icon icon-chevron-right"></i>Produto</a></li>
                            
                        <li><a href="Item.jsp" title="Estatística de produtos consumidos">
                        	<i class="glyph-icon icon-chevron-right"></i>Ingredientes</a></li>
                    </ul>
                </li>
            </ul>
        </div>
	</div>
  </div>
        
  
    <!-- # Fim Menu -->
    
    <div id="page-content-wrapper" style="margin-left: 220px;">
      <!-- Titulo -->
      <div id="page-title">
        <h3>
          Cardápio
        </h3>
      </div>
      <!-- Fim do Titulo -->
       <div id="page-content">
        <h3>
          <font>
              Edite seu produto
          </font>
        </h3>
        <div class="divider">
        </div>
        <div class="example-code">
        
        <!-- ************************ FOMULARIO ************************ -->    
        
        <jsp:useBean id="produtoSelecionado" class="modelo.Produto" scope="session" />
        
          <form action="ManterProduto" method="post">
          <input type="hidden" name="operacao" value="editarProduto">
          
          <div class="form-row">
              <div class="form-label col-md-1 mrg10L">
                <label for="">
                  Categoria:
                </label>
              </div>
              <div class="form-input col-md-3">
                <select name="categoria">
                  <option value="<jsp:getProperty name="produtoSelecionado" property="codCategProduto" />" selected><jsp:getProperty name="produtoSelecionado" property="nmCategProduto" /></option>
                  <option value="1">Entrada</option>
                  <option value="2">Principal</option>
                  <option value="3">Sobremesa</option>
                  <option value="4">Bebidas</option>
                </select>
              </div>
            </div>
            
         <!-- ************************ CAMPO NOME ************************ -->  
            <div class="form-row">
              <div class="form-label col-md-1 mrg10L">
                <label for="">
                  <font>
                      Nome:
                  </font>
                </label>
              </div>
              <div class="form-input col-md-8">
                <input placeholder="Nome" type="text" name="nome" value="<jsp:getProperty name="produtoSelecionado" property="nmNomeProduto" />">
              </div>
            </div>
        
        <!-- ************************ CAMPO PREÇO ************************ -->    
            <div class="form-row">
              <div class="form-label col-md-1 mrg10L">
                <label for="">
                  <font>
                        Preço:
                  </font>
                </label>
              </div>
              <div class="form-input col-md-2">
                <input placeholder="Preço" type="text" name="preco" value="<jsp:getProperty name="produtoSelecionado" property="precoProduto" />">
              </div>
             </div>
              
         <!-- ************************ CAMPO INGREDIENTES ************************ -->     
			<div class="form-row">
              <div class="form-label  col-md-1 mrg10L">
                <label for="">
                  <font>
                      Ingredientes:
                  </font>
                </label>
              </div>                         
              <div class="form-input col-md-4 ">
            	<select data-placeholder="Adicione os Ingredientes" multiple="" class="chosen-select" style="display: none;" name="ingrediente">
					<option selected><jsp:getProperty name="produtoSelecionado" property="codItem" /></option>
                  	<optgroup label="Fritas">
                        <option value="1">Batata Frita</option>
                        <option value="2">Polenta</option>
                        <option value="3">asa de frango</option>
                        <option value="4">Calabresa</option>
					</optgroup>
                 	<optgroup label="Acompanhamento">
                        <option value="5">Ovo</option>
                        <option value="6">Linguiça</option>
                        <option value="7">File de Frango</option>
                        <option value="8">Costela</option>
                 	 </optgroup>
                     <optgroup label="Temperos">
                        <option value="9">Cebola</option>
                        <option value="12">Oregano</option>
                        <option value="34">Alho</option>
                        <option value="67">Salsa</option>
                 	 </optgroup>    
				</select>
              </div>
            </div>
      
          <!-- ************************ CAMPO DESCRIÇÃO ************************ -->      
            <div class="row">
              <div class="form-label col-md-1 mrg10L">
                <label for="">
                  <font>
                      Descrição:
                  </font>
                </label>
              </div>
              <div class="form-input col-md-8">
                <textarea name="descricao" id="" class="character-count">
        			<jsp:getProperty name="produtoSelecionado" property="nmDescrProduto"/>       	
                </textarea>
                <div class="character-remaining clear input-description">
                  <font>
                      200 caracteres restantes
                  </font>
                </div>
              </div>
            </div>
   		
   			<input style=visibility:hidden name="codProduto" value="<jsp:getProperty name="produtoSelecionado" property="codProduto" name="codProduto"/>">
    
    	  <!-- ************************ CAMPO salvar INGREDIENTES ************************ -->  
            <div class="pad15T">
              <div class="col-md-2">
            	<button class="button-content font-size-11 text-transform-upr btn bg-green" type="submit">Salvar alteração</button>
              </div>
            </div>   
            </form>
            </div>
        </div>
      </div>

    
    <!-- #page-content -->
   
    
    <!-- #page-main -->
    <!-- #page-wrapper -->
  </body>

</html>